/*http://www.divcss5.com/jiqiao/j406.shtml*/
/*清除浮动，防止后边容器因为浮动出现布局混乱*/
/*clear:both清除浮动*/
/*让网页实现ie7中放大缩小的功能*/
.clearfix::after{
    content: "\200B";/*Unicode字符里有一个“零宽度空格”，也就是U+200B，它本身是不可见的，所以可以省略掉 */
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    *zoom: 1;
}
header{
    /*font属性可以不全写，但需要顺序*/
    /*font : font-style || font-variant || font-weight || font-size/line-height || font-family */
    /*font-size和font-family的值是必需的*/
    /*行高设置行与行之间的空间*/
    /*font-variant:small-caps;设置小型大写1字母*/
    /*1em=16px*/
    font:24px 宋体;
    text-align: center;
    border-bottom: 1px solid blue;
}
nav{
    float: left;
    min-width: 120px;
    width: 15%;/*他的父容器的15%*/
}
nav ul{
    margin: 30px auto;
    width: 90px;
    padding-left: 1px;
}
nav ul li{
    padding: 1px 0;
}

nav a{
    color: navy;
    text-decoration: none;
}
nav a:hover{
    color: orange;
    text-decoration:underline;
}
article{
    width: calc(83% - 31px);/*页面布局关键*/
    padding: 15px;
    border-left: 1px dashed black;/*dashed虚线*!*/
    float: left;
}
article div{
    float: left;
    width: 49%;/*50以内就两列*/
    min-width: 410px;
    margin-right: 1%;
}
article div h3{
    font-weight: normal;/*补加粗*/
    padding: 3px 3px 5px 2px ;
    margin-bottom: 0px;
    border-bottom: 2px navy solid;
}
article ul{
    padding:1%;
    list-style: none;
}

article ul li{
    margin-bottm:5px;
    padding: 0px 1px 5px;
    border-bottom: 1px gray dotted;
}
article ul li:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
/*link :未访问；visited：已访问；hover：鼠标放到连接上时；active：鼠标按下去时*/
article a:link,a:visited{
    color: #336699;
    text-decoration: none;
}
article a:hover{
    color: orange;
    text-decoration: underline;
}
article a:active{
    color: green;
}

footer{
    background-color: #336699;
    border-top: blue;
    text-align: center;
    font-size: 0.8em;
    line-height: 3;
}






